.table {
  td.avatar {
    img {
      border-radius: 50%;
    }
  }
  :global {
    .ant-table-tbody > tr > td, .ant-table-thead > tr > th {
      &:nth-child(1) {
        width: 10%;
      }
      &:nth-child(2) {
        width: 30%;
      }
      &:nth-child(3) {
        width: 20%;
      }
      &:nth-child(4) {
        width: 20%;
      }
      &:nth-child(5) {
        width: 20%;
      }
      &:nth-child(6) {
        width: 20%;
      }
    }
    .ant-table-thead {
      & > tr {
        height: 60px;
        transition: none;
        display: block;
        & > th {
          display: inline-flex;
          align-items: center;
          justify-content: center;
        }
      }
    }
    .ant-table-tbody {
      & > tr {
        height: 125px;
        transition: none;
        display: block;
        border-bottom: 1px solid #f5f5f5;
        & > td {
          border-bottom: none;
          display: inline-flex;
          align-items: center;
          justify-content: center;
        }
        &.ant-table-expanded-row-level-1 > td {
          height: auto;
        }
        & .setting p {
          margin-bottom: 5px;
        }
      }
    }
  }
}

.tableMessage {
  td.avatar {
    img {
      border-radius: 50%;
    }
  }
  :global {
    .ant-table-tbody > tr > td, .ant-table-thead > tr > th {
      &:nth-child(1) {
        width: 5%;
      }
      &:nth-child(2) {
        width: 20%;
      }
      &:nth-child(3) {
        width: 35%;
      }
      &:nth-child(4) {
        width: 10%;
      }
      &:nth-child(5) {
        width: 15%;
      }
      &:nth-child(6) {
        width: 15%;
      } 
    }
    .ant-table-thead {
      & > tr {
        transition: none;
        display: block;
        & > th {
          display: inline-flex;
          align-items: center;
          justify-content: center;
        }
      }
    }
    .ant-table-tbody {
      & > tr {
        height: 77px;
        transition: none;
        display: block;
        border-bottom: 1px solid #f5f5f5;
        & > td {
          border-bottom: none;
          display: inline-flex;
          align-items: center;
          padding: 8px 8px;
          justify-content: center;
        }
        &.ant-table-expanded-row-level-1 > td {
          height: auto;
        }
        & .setting p {
          margin-bottom: 5px;
        }
      }
    }
  }
}